html, body {
  height: 100%;
  overflow: hidden;
  /* 加它是不出现滚动条*/
}

/* 背景图片 */

body {
  background: url(/assets/images/login_bg.jpg)no-repeat 0 0 / cover;
  /* 加斜杠*/
  /*记得不清的*/
}

/* logo */

#logo {
  margin: 20px 0 0 230px;
}

/* 登录 注册 */

.box {
  width: 400px;
  height: 310px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*记得不清的*/
  padding: 0 25px;
  box-sizing: border-box;
}

/* tite图片 */

.box_tite {
  height: 60px;
  background: url(/assets/images/login_title.png) no-repeat center center;
}

.register {
  display: none;   /* 两个盒子是层叠的需要 先隐藏一个盒子让另一个盒子显示出来 然后一会动态添加*/
}

#to_register {
  float: right;
}

.layui-form-item {
  position: relative;
}

.layui-icon {
  position: absolute;
  top: 10px;
  left: 8px;
}
.layui-input {
  padding-left: 30px;
}